<!doctype html>
<html lang="en" style="font-size:625%">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="css.css">
</head>
<body >
<!--<div class="gx_four">-->
    <!--<div class="gx_fourone">-->
        <!--<p style="margin-top:0.1rem;">-->
            <!--HKICPA有什么用？</p>-->
        <!--<p>-->
            <!--HKICPA<span>薪资</span>如何？</p>-->
    <!--</div>-->
    <!--<div class="gx_fourone">-->
        <!--<p style="margin-top:0.1rem;">-->
            <!--HKICPA<span>考几门？</span></p>-->
        <!--<p>-->
            <!--<span>豁免考试</span>的条件有哪些？</p>-->
        <!--<p>-->
            <!--HKICPA能<span>转换的证书</span>有哪些？</p>-->
    <!--</div>-->
    <!--<div class="gx_fourone">-->
        <!--<p style="margin-top:0.1rem;">-->
            <!--HKICPA报考有<span>什么要求？</span></p>-->
        <!--<p>-->
            <!--<span>大四</span>能报考吗？</p>-->
        <!--<p>-->
            <!--<span>自考能报考吗？</span></p>-->
    <!--</div>-->
    <!--<div class="gx_fourone">-->
        <!--<p style="margin-top:0.1rem;">-->
            <!--HKICPA在<span>哪里考试？</span></p>-->
        <!--<p>-->
            <!--Workshop在哪里参加？</p>-->
    <!--</div>-->
    <!--<div class="gx_fourone">-->
        <!--<p style="margin-top:0.1rem;">-->
            <!--<span>HKICPA改制</span>什么时间开始？</p>-->
        <!--<p>-->
            <!--HKICPA改制有什么变化？</p>-->
    <!--</div>-->
    <!--<div class="gx_fourone">-->
        <!--<p style="margin-top:0.1rem;">-->
            <!--<span>CICPA</span>怎么转换HKICPA？</p>-->
        <!--<p>-->
            <!--<span>ACCA</span>怎么转换HKICPA？</p>-->
        <!--<p>-->
            <!--<span>CPAA</span>怎么转换HKICPA？</p>-->
    <!--</div>-->
<!--</div>-->

<style>
    a{
        display: inherit;
        font-size: 0.12rem;
        color: #0f0f0f;
    }
    span{
        display: inherit;
        font-size:12px;
    }
    .box{
        float: left;
        width: 45%;
        background: red;
        font-size: 0.2rem;
        text-align: center;
        height: 0.8rem;
    }
    .box_02{
        float: right;
        width: 45%;
        background:yellow;
        font-size: 0.2rem;
        text-align: center;
        height: 0.8rem;
    }
    .animation{
        position: relative;
        animation:animation 5s infinite;
        width: 1rem;
        height: 1rem;
        background: black;
    }
    @keyframes animation  {
        0%   {background:red; left:0; top:0;}
        25%  {background:yellow; left:1rem; top:0;}
        50%  {background:blue; left:1rem; top:1rem;}
        75%  {background:green; left:0; top:1rem;}
        100% {background:red; left:0; top:0;}
    }
</style>

<div style="height: 0.88rem;background: red">
    <a href="javascript:;" >我是2rem</a>
    <span >我是20px</span>
</div>
<div style="height: 88px;background: yellow">
    <a href="javascript:;" >我是2rem</a>
    <span >我是20px</span>
</div>
<div>
    <div class="box">
        hkhkhklhklhklhklhkl<br>
        jhklhkljhklh<br>
        jhklhkljhklh
    </div>
    <div class="box_02">
        hkhkhklhklhklhklhkl<br>
        jhklhkljhklh<br>
        jhklhkljhklh
    </div>
</div>
<div class="animation"></div>
</body>
</html>